<!--
Author: W3layouts
Author URL: http://w3layouts.com
-->
<!doctype html>
<html lang="en">

	<head>
		<!-- Required meta tags -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
		<meta name="applicable-device" content="pc,mobile">
		<title>湖铁科软件协会首页</title>
		<link href="//fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,600&display=swap"
		 rel="stylesheet">
		<!-- Template CSS -->
		<link rel="stylesheet" href="assets/css/style-starter.css">
		<style>
		.w3l-news-sec .title-wrap {
		   margin-left: 9%;
		   width: 500px;
		}
		</style>
	</head>

	<body>
		<!--header-->
		<section class="w3l-header">
			<header id="site-header" class="fixed-top">
				<div class="container">
					<nav class="navbar navbar-expand-lg navbar-dark stroke">
						<h1><a class="navbar-brand" href="index.html">
								<span class="fa fa-braille"></span> 软件协会
							</a></h1>
						<!-- if logo is image enable this   
    <a class="navbar-brand" href="#index.html">
        <img src="image-path" alt="Your logo" title="Your logo" style="height:35px;" />
    </a> -->
						<button class="navbar-toggler  collapsed bg-gradient" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"
						 aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon fa icon-expand fa-bars"></span>
							<span class="navbar-toggler-icon fa icon-close fa-times"></span>
							</span>
						</button>

						<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item active">
									<a class="nav-link" href="index.html">首页 <span class="sr-only">(current)</span></a>
								</li>
								<li class="nav-item" class="dropdown">
									<a class="nav-link dropdown-toggle" data-toggle="dropdown">
										关于我们 <span class="fa fa-caret-down"></span>
									</a>
									<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" >
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="about.html" class="h4">社团介绍</a>
										</li>
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="announcement.html"class="h4"style="" >公告大厅</a>
										</li>
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="regulation.html" class="h4">社团规章</a>
										</li>
										<li role="presentation" style="width: 200px;text-align: center;">
											<a role="menuitem" tabindex="-1" href="Fame.html" class="h4">名人堂</a>
										</li>
									</ul>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="services.html">课程</a>
								</li>

								<li class="nav-item">
									<a class="nav-link" href="contact.html">联系我们</a>
								</li>
								<!-- <li class="nav-item">
									<a class="nav-link free-con" href="https://localhost:44345/Logins/loginTwo">登录</a>
								</li> -->
							</ul>
						</div>
						<!-- toggle switch for light and dark theme -->
						<div class="mobile-position">
							<nav class="navigation">
								<div class="theme-switch-wrapper">
									<label class="theme-switch" for="checkbox">
										<input type="checkbox" id="checkbox">
										<div class="mode-container py-1">
											<i class="gg-sun"></i>
											<i class="gg-moon"></i>
										</div>
									</label>
								</div>
							</nav>
						</div>
						<!-- //toggle switch for light and dark theme -->
					</nav>
				</div>
			</header>
			<!--/header-->
		</section>
		<!-- main-slider -->
		<section class="w3l-main-slider" id="home">
			<div class="companies20-content">
				<div class="owl-one owl-carousel owl-theme">
					<div class="item">
						<li>
							<div class="slider-info banner-view bg bg2">
								<div class="banner-info">
									<div class="container">
										<div class="banner-info-bg">
											<p>享受生活，热爱生活，积极生活</p>
											<h5>社团精彩活动</h5>
											<a class="btn btn-style btn-white mt-sm-5 mt-4 mr-2" href="javascript:void(0)">浏览更多</a>
											<a class="btn btn-style border-btn mt-sm-5 mt-4" href="contact.html">联系我们</a>
										</div>
									</div>
								</div>
							</div>
						</li>
					</div>
					<div class="item">
						<li>
							<div class="slider-info  banner-view banner-top1 bg bg2">
								<div class="banner-info">
									<div class="container">
										<div class="banner-info-bg">
											<p>数风流人物，还看今朝</p>
											<h5>竞赛风采</h5>
											<a class="btn btn-style btn-white mt-sm-5 mt-4 mr-2" href="javascript: void(0);"> 浏览更多</a>
											<a class="btn btn-style border-btn mt-sm-5 mt-4" href="contact.html"> 联系我们</a>
										</div>
									</div>
								</div>
							</div>
						</li>
					</div>
					<div class="item">
						<li>
							<div class="slider-info banner-view banner-top2 bg bg2">
								<div class="banner-info">
									<div class="container">
										<div class="banner-info-bg">
											<p>瞧一瞧，看一看，走过路过不要错过</p>
											<h5>公告大厅</h5>
											<a class="btn btn-style btn-white mt-sm-5 mt-4 mr-2" href="announcement.html"> 浏览更多</a>
											<a class="btn btn-style border-btn mt-sm-5 mt-4" href="contact.html"> 联系我们</a>
										</div>
									</div>
								</div>
							</div>
						</li>
					</div>
					<div class="item">
						<li>
							<div class="slider-info banner-view banner-top3 bg bg2">
								<div class="banner-info">
									<div class="container">
										<div class="banner-info-bg">
											<p>喜欢软件那就来吧，我们欢迎你</p>
											<h5>社团介绍</h5>
											<a class="btn btn-style btn-white mt-sm-5 mt-4 mr-2" href="about.html">浏览更多</a>
											<a class="btn btn-style border-btn mt-sm-5 mt-4" href="contact.html"> 联系我们</a>
										</div>
									</div>
								</div>
							</div>
						</li>
					</div>
				</div>
			</div>
		</section>
		<!-- /main-slider -->
		<!--/grids-->
		<section class="w3l-grids-3 py-5" id="about">
			<div class="container py-md-5 py-3">
				<div class="row bottom-ab-grids align-items-center">

					<div class="col-lg-6 bottom-ab-left">
						<h6 class="sub-titlehny">名人堂</h6>
						<h3 class="hny-title">我是世界的公民，应为人类而生。</h3>
						<p class="my-3">星光灿烂，激情燃烧，因为有梦，所以努力。你在你的领域不惜青春，我在我的道路不知疲倦</p>
						<a href="Fame.html" class="btn btn-style btn-primary mt-4">
							更多名人
						</a>
					</div>
					<div class="col-lg-6 bottom-ab-right mt-lg-0 mt-5 pl-lg-4">
						<img src="assets/images/2.jpg" alt="" class="img-fluid">
					</div>

				</div>
			</div>
		</section>
		<!--//grids-->
		<!--/features-->
		<section class="w3l-ab-features py-5">
			<div class="container py-md-5 py-3">
				<div class="row features-w3pvt-main" id="features">
					<div class="col-lg-4 col-md-6 feature-gird">
						<div class="row features-hny-inner-gd">
							<div class="col-md-2 col-2 featured_grid_left">
								<div class="icon-hnynumber">
									<span class="hnynumber">01</span>
								</div>
							</div>
							<div class="col-md-10 col-10 featured_grid_right_info">
								<h4><a class="link-hny" href="announcement.html">今日快讯</a></h4>
								<p>
									下周有团建哦，记得来报名参加哦
								</p>
								<p>
									今天组织活动
								</p>
								<p>
									今天组织活动
								</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 feature-gird mt-md-0 mt-4">
						<div class="row features-hny-inner-gd">
							<div class="col-md-2 col-2 featured_grid_left">
								<div class="icon-hnynumber">
									<span class="hnynumber">02</span>
								</div>
							</div>
							<div class="col-md-10 col-10 featured_grid_right_info">
								<h4><a class="link-hny" href="announcement.html">本周热门</a></h4>
								<p>
									本周组织活动
								</p>
								<p>
									本周组织活动
								</p>
								<p>
									本周组织活动
								</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4 col-md-6 feature-gird mt-lg-0 mt-md-5 mt-4">
						<div class="row features-hny-inner-gd">
							<div class="col-md-2 col-2 featured_grid_left">
								<div class="icon-hnynumber">
									<span class="hnynumber">03</span>
								</div>
							</div>
							<div class="col-md-10 col-10 featured_grid_right_info">
								<h4><a class="link-hny" href="announcement.html">竞赛之家</a></h4>
								<p>
									竞赛公告1
								</p>
								<p>
									竞赛公告2
								</p>
								<p>
									竞赛公告3
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--//features-->
		<!-- middle -->
		<div class="w3l-middle py-5">
			<div class="container py-xl-5 py-lg-3">
				<div class="welcome-left py-md-5 py-3">
					<h6>学生天地</h6>
					<h4>学生个人活动展示平台</h4>
					<p class="pr-lg-5">
						我的生活我做主，畅所欲言。
					</p>
					<div class="buttons mt-5">
						<a href="javascript:void(0)" class="btn btn-white btn-primary mr-2">浏览更多</a>
						<a href="contact.html" class="btn btn-style border-btn ml-2">我要投稿</a>
					</div>
				</div>
			</div>
		</div>
		<!-- //middle -->
		<!--/w3l-cwp4-->
		<div class="w3l-cwp4-sec py-5">
			<div class="container py-md-5 py-3">
				<div class="cwp4-two row align-items-center">
					<div class="cwp4-image col-lg-6 pr-lg-5">
						<img src="assets/images/6.jpg" class="img-fluid" alt="" href="about.html">
					</div>
					<div class="cwp4-text col-lg-6 mt-lg-0 mt-5">
						<h6 class="sub-titlehny">我们的社团</h6>
						<h3 class="hny-title">
							社团介绍</h3>
						<p>
							软件协会社团，致力于帮助本专业学生提高自己的学习水平以及管理学生竞赛
						</p>

						<ul class="cont-4 mt-lg-6 mt-md-5 mt-4">
							<li class="subhny-gd mt-sm-0 mt-4">
								<span class="fa fa-cogs"> </span>
								<h4><a class="link-hny" href="competitionCenter.html">
										学校组织</a></h4>
								<p>实力雄厚的你还在等什么呢</p>

							</li>
							<li class="subhny-gd mt-sm-0 mt-4">
								<span class="fa fa-bar-chart"> </span>
								<h4><a class="link-hny" href="competitionCenter.html">
										个人报名</a></h4>
								<p>只要你可以，只要你愿意去，我们欢迎你</p>

							</li>
						</ul>
					</div>

				</div>
			</div>

		</div>
		<!--//w3l-grids-->
		<!-- stats -->
		<section class="w3l-stats py-lg-0 py-5" id="stats">
			<div class="gallery-inner container py-lg-0 py-3">
				<div class="row stats-con">
					<div class="col-lg-3 col-6 stats_info counter_grid">
						<span class="fa fa-users"></span>
						<p class="counter">1100</p>
						<h4>社团成员</h4>
					</div>
					<div class="col-lg-3 col-6 stats_info counter_grid1">
						<span class="fa fa-laptop"></span>
						<p class="counter">1020</p>
						<h4>社团项目</h4>
					</div>
					<div class="col-lg-3 col-6 stats_info counter_grid mt-lg-0 mt-5">
						<span class="fa fa-trophy"></span>
						<p class="counter">912</p>
						<h4>社团奖项</h4>
					</div>
					<div class="col-lg-3 col-6 stats_info counter_grid2 mt-lg-0 mt-5">
						<span class="fa fa-smile-o"></span>
						<p class="counter">80</p>
						<h4>社团活动</h4>
					</div>
				</div>
			</div>
		</section>
		<!-- //stats -->

		<!-- /blog-posts-->
		
		<!-- //blog-Section -->
		<!--//news-grids-->
		<section class="w3l-news-sec">
			<div class="news-mainhny py-5">
				<div class="container text-center py-lg-3">
					<div class="title-content text-center mb-lg-5 mb-4">
						<h6 class="sub-titlehny">社团获奖项目展示</h6>
						<h3 class="hny-title">
							我们的项目</h3>
					</div>
				</div>
				<div class="owl-news owl-carousel owl-theme">
					<div class="item">
						<div class="news-img position-relative">
							<a href="#"><img src="assets/images/1.jpg" class="img-fluid" alt="news image"></a>
							<div class="title-wrap">
								<a href="#">
									<h4 class="title">作品名称和团队名</h4>
								</a>
								<a href="#" class="text-right"><span class="fa fa-arrow-right"></span></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="news-img">
							<a href="#"><img src="assets/images/2.jpg" class="img-fluid" alt="news image"></a>
							<div class="title-wrap">
								<a href="#">
									<h4 class="title">作品名称和团队名</h4>
								</a>
								<a href="#" class="text-right"><span class="fa fa-arrow-right"></span></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="news-img">
							<a href="#"><img src="assets/images/3.jpg" class="img-fluid" alt="news image"></a>
							<div class="title-wrap">
								<a href="#">
									<h4 class="title">作品名称和团队名</h4>
								</a>
								<a href="#" class="text-right"><span class="fa fa-arrow-right"></span></a>
							</div>
						</div>
					</div>
					<div class="item" >
						<div class="news-img">
							<a href="#"><img src="assets/images/4.jpg" class="img-fluid" alt="news image"></a>
							<div class="title-wrap ">
								<a href="#">
									<h4 class="title">作品名称和团队名</h4>
								</a>
								<a href="#" class="text-right"><span class="fa fa-arrow-right"></span></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="news-img">
							<a href="#"><img src="assets/images/5.jpg" class="img-fluid" alt="news image"></a>
							<div class="title-wrap">
								<a href="#">
									<h4 class="title">作品名称和团队名</h4>
								</a>
								<a href="#" class="text-right"><span class="fa fa-arrow-right"></span></a>
							</div>
						</div>
					</div>
					<div class="item">
						<div class="news-img">
							<a href="#"><img src="assets/images/6.jpg" class="img-fluid" alt="news image"></a>
							<div class="title-wrap">
								<a href="#">
									<h4 class="title">作品名称和团队名</h4>
								</a>
								<a href="#" class="text-right"><span class="fa fa-arrow-right"></span></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!--//news-grids-->
		<!--/w3l-bottom-->
		<section class="w3l-bottom py-5">
			<div class="container py-md-4 py-3 text-center">
				<div class="header-section text-center mx-auto">
					<h6 class="sub-titlehny">准备好了吗？</h6>
					<h3 class="hny-title">加入我们吧，为了编程而编程</h3>
				</div>
				<div class="buttons mt-5">
					<a href="announcement.html" class="btn btn-style btn-primary mr-2">公告大厅</a>
					<a href="contact.html" class="btn btn-style btn-secondary ml-2">联系我们</a>
				</div>
			</div>
		</section>
		<!--//w3l-bottom-->
		<!--//w3l-footer-29-main-->
		<footer>
			<!-- footer -->
			<section class="w3l-footer">
				<div class="w3l-footer-16-main py-5">
					<div class="container pt-lg-4">
						<div class="row footer-border">
							<div class="col-lg-4 col-md-5 column pr-md-0">
								<h2><a href="index.html" class="footer-brand-logo"><span class="fa fa-braille"></span>软件协会</a></h2>
								<ul class="mt-4 contact">
									<li>
										<p><span class="fa fa-phone" aria-hidden="true"></span> <a href="tel:+44-255-366-88">+44-255-366-88</a></p>
									</li>
									<li>
										<p><span class="fa fa-clock-o" aria-hidden="true"></span> Mon - Sat 8.00 - 18.00</p>
									</li>
								</ul>
							</div>

							<div class="col-lg-4 col-md-4 col-sm-6 column mt-md-0 mt-5 pl-lg-4">
								<h3>软件协会</h3>
								<ul class="footer-gd-16">
									<li><a href="index.html">首页</a></li>
									<li><a href="about.html">关于我们</a></li>
									<li><a href="services.html">Services</a></li>
									<li><a href="javascript: void(0);">Blog</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							</div>
							<div class="col-lg-4 col-md-4 col-sm-6 column mt-md-0 mt-5">
								<h3>相关链接</h3>
								<ul class="footer-gd-16">
									<li><a href="javascript: void(0);">湖南铁路科技职业技术学院</a></li>
									<li><a href="javascript: void(0);">Our Branches</a></li>
									<li><a href="javascript: void(0);">Latest Media</a></li>
								</ul>
							</div>
							
						</div>
						<div class="below-section pt-4 mt-4 text-center">
							<div class="columns-2">
								<ul class="social">
									<li><a href="#facebook"><span class="fa fa-facebook" aria-hidden="true"></span></a>
									</li>
									<li><a href="#linkedin"><span class="fa fa-linkedin" aria-hidden="true"></span></a>
									</li>
									<li><a href="#twitter"><span class="fa fa-twitter" aria-hidden="true"></span></a>
									</li>
									<li><a href="#google"><span class="fa fa-google-plus" aria-hidden="true"></span></a>
									</li>
									<li><a href="#github"><span class="fa fa-github" aria-hidden="true"></span></a>
									</li>
								</ul>
							</div>
							<div class="columns mt-3">
								<p>
									&copy; 2021 湖南铁路科技职业技术学院软件协会官网. 保留所有权利 | 设计者 
									<span><code>许啸宇</code></span><code>刘昉</code><code>孙昊哲</code><code>王琪</code>
								</p>
							</div>
						</div>
					</div>
				</div>

				<!-- move top -->
				<button onclick="topFunction()" id="movetop" title="Go to top">
					<span class="fa fa-angle-up"></span>
				</button>
				<script>
					// When the user scrolls down 20px from the top of the document, show the button
					window.onscroll = function() {
						scrollFunction()
					};

					function scrollFunction() {
						if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
							document.getElementById("movetop").style.display = "block";
						} else {
							document.getElementById("movetop").style.display = "none";
						}
					}

					// When the user clicks on the button, scroll to the top of the document
					function topFunction() {
						document.body.scrollTop = 0;
						document.documentElement.scrollTop = 0;
					}
				</script>
				<!-- //move top -->
				<script>
					$(function() {
						$('.navbar-toggler').click(function() {
							$('body').toggleClass('noscroll');
						})
					});
				</script>
			</section>
			<!-- //footer -->
		</footer>

		<!-- Template JavaScript -->
		<script src="assets/js/jquery-3.3.1.min.js"></script>

		<!-- script for testimonials -->
		<script>
			$(document).ready(function() {
				$('.owl-testimonial').owlCarousel({
					loop: true,
					margin: 0,
					nav: true,
					responsiveClass: true,
					autoplay: true,
					autoplayTimeout: 5000,
					autoplaySpeed: 1000,
					autoplayHoverPause: false,
					responsive: {
						0: {
							items: 1,
							nav: false
						},
						480: {
							items: 1,
							nav: false
						},
						667: {
							items: 1,
							nav: true
						},
						1000: {
							items: 1,
							nav: true
						}
					}
				})
			})
		</script>
		<!-- //script for testimonials -->

		<script src="assets/js/theme-change.js"></script>

		<!-- js for portfolio lightbox -->
		<!-- libhtbox -->
		<script src="assets/js/lightbox-plus-jquery.min.js"></script>
		<!-- libhtbox -->
		<script src="assets/js/owl.carousel.js"></script>
		<!-- script for banner slider-->
		<script>
			$(document).ready(function() {
				$('.owl-one').owlCarousel({
					loop: true,
					margin: 0,
					nav: false,
					responsiveClass: true,
					autoplay: true,
					autoplayTimeout: 5000,
					autoplaySpeed: 1000,
					autoplayHoverPause: false,
					responsive: {
						0: {
							items: 1,
							nav: false
						},
						480: {
							items: 1,
							nav: false
						},
						667: {
							items: 1,
							nav: true
						},
						1000: {
							items: 1,
							nav: true
						}
					}
				})
			})
		</script>
		<!-- //script -->
		<script>
			$(document).ready(function() {
				$('.owl-news').owlCarousel({
					stagePadding: 200,
					loop: true,
					margin: 30,
					nav: true,
					responsiveClass: true,
					autoplay: true,
					autoplayTimeout: 5000,
					autoplaySpeed: 1000,
					autoplayHoverPause: false,
					responsive: {
						0: {
							items: 1,
							stagePadding: 40,
							nav: false
						},
						480: {
							items: 1,
							stagePadding: 40,
							nav: true
						},
						667: {
							items: 2,
							stagePadding: 50,
							nav: true
						},
						1000: {
							items: 2,
							nav: true
						}
					}
				})
			})
		</script>
		<!-- stats number counter-->
		<script src="assets/js/jquery.waypoints.min.js"></script>
		<script src="assets/js/jquery.countup.js"></script>
		<script>
			$('.counter').countUp();
		</script>
		<!-- //stats number counter -->
		<!--/MENU-JS-->
		<script>
			$(window).on("scroll", function() {
				var scroll = $(window).scrollTop();

				if (scroll >= 80) {
					$("#site-header").addClass("nav-fixed");
				} else {
					$("#site-header").removeClass("nav-fixed");
				}
			});

			//Main navigation Active Class Add Remove
			$(".navbar-toggler").on("click", function() {
				$("header").toggleClass("active");
			});
			$(document).on("ready", function() {
				if ($(window).width() > 991) {
					$("header").removeClass("active");
				}
				$(window).on("resize", function() {
					if ($(window).width() > 991) {
						$("header").removeClass("active");
					}
				});
			});
		</script>
		<!--//MENU-JS-->

		<script src="assets/js/bootstrap.min.js"></script>

	</body>
</html>
